<template>
	<div class="HomeHeader">
		<div class="header-left">
			<span class="iconfont">&#xe624;</span>
		</div>
		<div class="header-ceter">
			<span class="iconfont">&#xe632;</span>
			输入城市/景点/游玩主题
		</div>
		<div class="header-right">
			长沙
			<span class="iconfont">&#xe6aa;</span>
		</div>

	</div>
	
</template>

<script>
	
	
	
</script>

<style lang="stylus">

@import "~css/var.styl"
	
	.HomeHeader{
		height: .44rem;
		/*background: #00bcd4;*/
		background: $bgColor;
		font-size: .14rem;
		display: flex;
		align-items: center;
	}
	.header-left{
		width: .4rem;
		text-align: center;
		color: #FFFFFF;
	}
	.header-ceter{
		flex: 1;
		background: #ffffff;
		height: .3rem;
		line-height: .3rem;
		border-radius: 0.04rem;
		color: #999999;
		padding-left: .1rem;
	}
	.header-right{
		width: .64rem;
		text-align: center;
		color: #FFFFFF;
	}
</style>